<template>
  <div class="tab-block">
    <div class="buttons-row">
      <div :class="['tab-link','button',tabTitle.active?'active':'']" v-for="tabTitle in tabTitles" @click="clickFn(tabTitle.order)">{{tabTitle.title}}</div>
    </div>
  </div>   
</template>
<script>
	export default {
        replace: true,
        props: ['tabTitles','clickFn']
    }
</script>
<style lang="stylus">
.tab-block{
	margin:.5em
	color:#6d6d72
    background:#fff
}

</style>